<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>无标题文档</title>
<link href="css/bootstrap-4.3.1.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/style.css">
</head>

<body style="padding-top: 70px">
    <div class="container-fluid">
<div class="container">
  
    <nav class="navbar fixed-top navbar-expand-lg navbar-light bg-light nav_my"> 
      <div class="container">
        <div class="collapse navbar-collapse" id="navbarSupportedContent1">
        <ul class="navbar-nav mr-auto nav_list">
          <li class="nav-item active"> 
            <a class="nav-link fontsize" href="#">首页</a>
          </li>
          <li class="nav-item active"> 
              <a class="nav-link fontsize" href="#">电影</a>
          </li>
            <li class="nav-item active"> 
              <a class="nav-link fontsize" href="#">电视剧</a>
          </li>
          <li class="nav-item active"> 
              <a class="nav-link fontsize" href="#">动漫</a>
          </li>
          
        </ul>
        <form class="form-inline my-2 my-lg-0">
          <input class="form-control mr-sm-2" type="search" placeholder="输入关键字" aria-label="Search">
          <button class="btn btn-outline-success my-2 my-sm-0 button tree-default" type="submit"></button>
            <div class="wx tre-default"></div>
            <ul class="navbar-nav mr-auto logo">
          <li class="nav-item active"> 

              <a class="nav-link" href="#">登录</a>
            </li>
          <li class="nav-item active"> 
              <a class="nav-link" href="#">注册</a>
            </li>
          
          
        </ul> 
            
        </form>
         
          
          
      </div>
        
        
        </div>

    </nav>
  
    
  </div>
    
    
</div>
<div class="container-fluid">
    <div id="carouselExampleIndicators1" class="carousel slide" data-ride="carousel" style="background-color: grey">
      <ol class="carousel-indicators">
        <li data-target="#carouselExampleIndicators1" data-slide-to="0" class="active"></li>
        <li data-target="#carouselExampleIndicators1" data-slide-to="1"></li>
        <li data-target="#carouselExampleIndicators1" data-slide-to="2"></li>
        <li data-target="#carouselExampleIndicators1" data-slide-to="3"></li>
      </ol>
      <div class="carousel-inner" role="listbox">
        <div class="carousel-item active"> <img class="d-block mx-auto lunbo" src="img/web/1.jpeg" alt="First slide">
          
        </div>
        <div class="carousel-item"> <img class="d-block mx-auto lunbo" src="img/web/2.jpeg" alt="Second slide">
          
        </div>
        <div class="carousel-item"> <img class="d-block mx-auto lunbo" src="img/web/3.jpeg" alt="Third slide">
          
        </div>
        <div class="carousel-item"> <img class="d-block mx-auto lunbo" src="img/web/4.jpeg" alt="Third slide">
          
        </div>
        <div class="carousel-item"> <img class="d-block mx-auto lunbo" src="img/web/5.jpeg" alt="Third slide">
          
        </div>
        
      </div>
      <a class="carousel-control-prev" href="#carouselExampleIndicators1" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carouselExampleIndicators1" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div>
</div>

    
<div class="container ">
  <div class="sou_box">
    <form class="">
          <input class=" input-sou" type="text" placeholder="输入关键字" >
          <button class="btn  my-2 my-sm-0 sou" type="submit">观看</button>
        </form>
       </div>
</div>
    
<div class="container">
  <div class="tuijian">
    <span class="h_l">最新热门电影推荐</span>
    <span  class="h_r">查看更多</span>
    <hr class="h_hr">
    </div>
    
  <div class="row">
      <div class="col-lg-2">
          <a href="">
              <div>
                  <img class="tp" src="img/tuijian.jpg" alt="">
                  
              </div>
              <div>
                  <p>婚姻故事</p>
                  <p>主演：斯嘉丽·约翰逊 亚当·德赖弗 劳拉·邓恩 艾奇·罗伯逊 梅里特·韦弗</p>
              </div>
          </a>
      </div>
      <div class="col-lg-2">此处为内容</div>
      <div class="col-lg-2">此处为内容</div>
      <div class="col-lg-2">此处为内容</div>
      <div class="col-lg-2">此处为内容</div>
      <div class="col-lg-2">此处为内容</div>
  </div>
    
    
    
    
</div>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap-4.3.1.js"></script>
</body>
</html>
